/* pages/home/main.wxss */
// .scrOut{
//     width: 2500rpx;
//     background-color: blue;
//     .scrBox{
//         padding: 16rpx 20rpx;
//         color: white;
//         font-size: 14px;
//         display: inline-block;
//     }
// }

.home_swiper{
    swiper{
        height: 220rpx;
        swiper-item{
            .imagesize{
                display: flex;
                justify-content: center;
                image{
                    border-radius: 20rpx;
                    width: 700rpx;
                    height: 220rpx;
                }
            }
        }
    }
}

.sm{
    width: 750rpx;
    overflow: hidden;
    overflow-x: scroll;
    height: 280rpx;
    .big{
        width: 1500rpx;
        height: 280rpx;
        display: flex;
       
        .home_line{
            display: flex;
            padding: 10rpx 0;
            navigator{
                text-align: center;
                width: 150rpx;
                color: grey;
                font-size: 22rpx;
              image{
                width: 40px;
              }
            }
          }
       
    }
}

.home_pic{
    display: flex;
}
  .home_left{
      position: relative;
      height: 220rpx;
      .home_left_img{
          image{
            height: 65px;
            width: 130rpx;
            left: 31rpx;
            top: 46rpx;
            }
          }
      image{
        position: absolute;
        width: 180rpx;
        height: 220rpx;
      }
      .home_left_txt{
          position: absolute;
          bottom: 18rpx;
          left: 38rpx;
          font-size: 25rpx;
          color: white;
          width: 115rpx;
      }
}

.home_center{
    position: relative;
    height: 220rpx;
    margin-left: 180rpx;
   .home_center_img{
       display: flex;
       .image1{
            width: 140rpx;
            height: 140rpx;
            margin:30rpx;
       }
       .image2{
            width: 140rpx;
            height: 140rpx;
            margin:30rpx 200rpx 0;
       }
   }
    image{
        position: absolute;
        width: 400rpx;
        height: 220rpx;
    }
}

.home_right{
    position: relative;
    height: 220rpx;
    margin-left: 400rpx;
    .home_right_img{
        image{
          height: 65px;
          width: 130rpx;
          left: 20rpx;
          top: 42rpx;
          }
        }
    image{
      position: absolute;
      width: 180rpx;
      height: 220rpx;
    }
    .home_left_txt{
        position: absolute;
        bottom: 18rpx;
        left: 38rpx;
        font-size: 25rpx;
        color: white;
        width: 115rpx;
    }
}




.nav-wrapper{ position: relative;}

.nav-container{ display: flex; flex-direction: row; }

.scroll_box{

width: 92%;

height: 55rpx;

overflow: hidden;

padding: 15rpx 13rpx 0 ;

background: #3FA5B4;

white-space: nowrap;

font-size:26rpx;

}

 

.item_list{

/*width: 120rpx;*/

padding: 0 16rpx 10rpx 16rpx;

box-sizing: border-box;

margin-right: 16rpx;

display: inline-block;

color: white;

position: relative;

text-align: center;

}

.active{ border-bottom: 3rpx solid white;color: white;}

 

// .pull-nav-wrapper{ position: absolute; top: 86rpx; }

.pull-down{

width:8%;

display: flex;

background: #3FA5B4;

}


.pull-down-inner{

margin-top: 20rpx;

margin-left: 25rpx;

display: inline-block;

height: 15rpx;

width: 15rpx;

// content: '';

border-top:2px solid white;

border-right: 2px solid white;

transform: rotate(135deg);

}

.pull-inner{

margin-top: 25rpx;

transform: rotate(-45deg); }

 

.hide{ display: none;} .show{ display: block;}

 

.pull-nav-container{ width: 100%;}

.pull-nav ,.a{

width: 20%;

text-align: center;

float: left;

line-height:48rpx;

font-size: 23rpx;

color: darkgrey;}

.a{
    margin-top: 8rpx;
}

.pull-nav-container{

position: absolute;

z-index: 100;

background-color: white}

.pull-item{
    background-color:rgb(230, 230, 230);
    border: 1px solid rgb(230, 230, 230);
    border-radius: 28rpx;
    margin: 6rpx;
    color: #999;
}
.red{
    color: red;
    background-color: white;
    border: 1px solid red;
}

.home_line{
    display: flex;
    padding: 10rpx 0;
    navigator{
        text-align: center;
        width: 150rpx;
        color: grey;
        font-size: 22rpx;
      image{
        width: 40px;
      }
    }
  }

  .home_bgtop{
      height: 220rpx;
  }
  .home_bg{
      background-color:#3FA5B4;
      height: 110rpx;
  }

  .home_nav{
    swiper{
        height: 320rpx;
    }
  }



page{
    background-color: rgb(244, 244, 243);
}
.bigBox{
        margin: 0 20rpx;
        padding: 0 10rpx;
        background-color: #fff;
        font-size: 28rpx;
    .seckill{
        view,text,navigator,text{
            margin: 0;
            padding: 0;
        }
        
       .seckill_top{
           display: flex;
           height: 60rpx;
           justify-content: space-between;
           align-items: center;
           .seckillRight{
               display: inline-flex;
               flex-wrap: nowrap;
               justify-content: center;
               align-items: center;
            //    width: 50%;
            .seckill_jd{
                font-size: 28rpx;
                // line-height: 60rpx;
            }
            .seckill_activity{
                font-size: 15rpx;
                border: 1rpx solid #ff0000;
                border-radius: 15rpx;
                height: 28rpx;
                width: 150rpx;
                margin-left: 10rpx;
                overflow: hidden;
                .seckill_clock{
                    background-color: #ff0000;
                    display: inline-block;
                    // height: 100%;
                    width: 40%;
                    text-align: center;
                    line-height: 28rpx;
                    color: #fff;
                    // padding: 5rpx 10rpx;
                }
                .seckill_time{
                    font-size: 15rpx;
                    width: 60%;
                    text-align: center;
                    line-height: 28rpx;
                    padding: 0 15rpx;
                    color: #ff0000;
                }
            }
           }
           .seckillLeft{
            font-size: 20rpx;
            color: #ccc;
           }
       } 
       .seckill_goods{
        //    overflow: hidden;
           width: 100%;
           overflow-y: scroll;
            
        .big{
            display: flex;
            width: 1600rpx;
            .goods_item{
                width: 160rpx;
                height: 300rpx;
                text-align: center;
                image{
                    width: 100%;
                }
                .price{
                    color: #ff0000;
                    font-size: 25rpx;
                }
                .del{
                    color: #ccc;
                    text-decoration: line-through;
                    font-size: 18rpx;
                }
                .moreView{
                    background-color: #ccc;
                    width: 70%;
                    height: 80%;
                    .seckill_more{
                        width: 20rpx;
                       display: inline-flex;
                       flex-direction: column;
                       justify-content: center;
                       align-items: center;
                       font-size: 25rpx;
                       color: #999;
                    }
                }
            } 
        }
       }
    }
    .brand{
        width: 100%;
        padding: 0 10rpx;
        border-top: 1rpx solid #ccc;
        border-bottom: 1rpx solid #ccc;
        display: flex;
        .brand_items{
            flex:1;
            // height: 200rpx;
            .title{
                font-size: 30rpx;
            }
            .decs{
                font-size: 20rpx;
                color: plum;
            }
            .brandImg{
                width: 80%;
                border-radius: 15rpx;
            }
        }
    }
    .jdYard{
        display: flex;
        .yard_items{
            flex: 1;
            // width: 50%;
            .yard_title{
                .txt{

                }
                .yard_desc{
                    font-size: 18rpx;
                    color: #ff0000;
                    border: 1rpx solid #ff0000;
                    border-radius: 15rpx;
                    padding: 3rpx 5rpx;
                }
                
            }
            .yardImg{
                width: 40%;
                border-radius: 20rpx;
                margin: 10rpx 0;
                margin-right: 20rpx;
            }
        }
    }
 
}
.mettingRoom{
    margin: 0 20rpx;

    .meetingTitle{
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 60rpx;
        color: #fff;
        font-size: 18rpx;
        .fashion{
            border-radius: 15rpx;
            padding: 2rpx 10rpx;
            background-image: linear-gradient(to right, rgb(50, 205, 63) 100rpx, yellow);
        }
        .selected{
            background-image: linear-gradient(to right, rgb(50, 205, 63) 100rpx , yellow);
            font-size: 22rpx;
            border-radius: 50%;
            padding: 3rpx 30rpx;
        }
        .all{
            padding: 2rpx 10rpx;
            border-radius: 15rpx;
            background-image: linear-gradient(to right, rgb(50, 205, 63) 100rpx , yellow);
        }
    }
    swiper{
        height: 200rpx;
        .swiperImg{
            image{
                width: 100%;
            }
        }
    }

    .mettingShow{
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        height: 450rpx;
        .mettingBig{
            width: 2250rpx;
            display: flex;
            flex-wrap: wrap;
            // align-items: center;
            .mettingImg{
                margin: 5rpx 5rpx;
                height: 200rpx;
                display: inline-flex;
                align-items: center;
                // line-height: 250rpx;
                .meettingBox{
                    position: relative;
                    background-color: #fff;
                    border-radius: 15%;
                    
                    // overflow: hidden;
                    .mettingTxt{
                        position: absolute;
                        bottom: 5rpx;
                        left: 25%;
                        margin: auto;
                        color: rgb(202, 82, 82)
                    }
                    .outerImg{
                        width: 100%;
                        vertical-align: top;
                    }
                    .innerImg{
                        position: absolute;
                        top: 10%;
                        left: 15%;
                        width: 70%;
                        border-radius: 10%;
                    }
                }
                
            }
            
            
        }
    }
}
.middleTab{
    .tabBig{
        margin: 20rpx 20rpx;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
    }
    .tabItem{
        width: 46.5%;
        background-color: #fff;
        margin-bottom: 10rpx;
        margin-right: 10rpx;
       .tabImg{
        width: 100%;
       } 
      .tabTxtBig{
          padding: 10rpx 10rpx;
        .tabTxt{
            // height: 60rpx;
            font-size: 22rpx;
            overflow:hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            letter-spacing: 2rpx;
           }
           .tabSplit{
               display: flex;
               justify-content: space-between;
               align-items: center;
               padding: 20rpx 0;
                .tabPrice{
                color: #ff0000;
               }
               .tabSimilar{
                border: 1rpx solid #ccc;
                padding: 5rpx 10rpx;
                color: #ccc;
                font-size: 18rpx;
                border-radius: 15rpx;
               }
           }
      }
    }
}